<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>樊文帅项目</title>
<link rel="stylesheet" href="css/jiaoyi.css" />
<link rel="stylesheet" href="icoupont/icoufont.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/1.js"></script>

</head>
<body>
     <!-- 最顶部 -->
 <div id="head">
        <!-- content内容 -->
 	<div class="content">
      <!-- 最顶部右边   -->
      <a class="home" href="" style="line-height: 30px;">蘑菇街首页</a>
        <ul class="right"> 
            <li class="ri right_a "><a href="">注册</a></li>
            <li class="ri right_a "><a href="">登录&nbsp;|</a></li>
            <li class="ri right_b "><a href="">我的订单&nbsp;|</a></li>
            <li class="ri right_c ">
                    <a href="">|</a>
                    <div class="gou">
                      <span class="gouwu"></span>
                       购物车
                    </div>
                    <div class="wu">购物车里没有商品！</div>
            </li>
            <li class="ri right_d ">
                   <a  class="kf"href="">客服服务&nbsp;|</a>
                   <i class="icon_daita"></i>
                   <div class="box">
                       <a class=" ll ">联系</a>
                       <a class=" bz ">帮助</a>
                   </div>
            </li>
            <li class="ri right_e ">
                <a href="">我的小店</a>
            </li>
        </ul>
    </div>
 </div>
<!--二楼楼层-->
<div class="er">
	<!--中间部分-->
	<div class="zhong">
		<!--左边-->
		<div class="zuo">
		<a href=""><img src="./images/50.jpg"/></a>	   
	    <div class="zuo_z">
	    	<div class="zuo_a">
	    		<a  href="">艾拉衣裤</a>
	    	</div>
	    	<div class="shu">
	    	    <p>
	    	    	<span class="s-cat">描述<b>4.64</b></span>
	    	    	<span class="s-cat">质量<b>4.65</b></span>
	    	    	<span class="s-cat">价格<b>4.66</b></span>
	    	    	<span class="s-cat">服务<b>4.65</b></span>
	    	    </p>
	    	</div>	
	     </div>
	     <div class="jia">
	     	<div class="jia_a">
	     		<a class="shou"data-shopid="14eke" type="submit"href="javascript:;">收藏</a>
	     	    <a class="chart" href="javascript:;"></a>
	     	</div>
	     </div>
	     <div class="icon-show-score J-show-shop-score"></div>
	     <div class="line-right"></div>
	    </div>	    
	    <!--右边-->
	    <div class="you">
	    	<div class="kuang">
	    		<input class="bian"type="text" name="" value="" placeholder="输入你想要的商品" />
	    		<a class="sou"href="">搜全店</a>
	    		<input class="da"type="submit" name="" id="" value="搜全店" />
	    	</div>
	    </div>
	</div>
	
</div>
  <!--三楼--> 
  <div class="san_a">
  <div class="san">
  		<a class="img" href=""></a>
  </div>
   <div class="souye">
   	<div class="souye_a">
   		<ol class="ol_a">
      	  <li><a href="" rel="nofollow">首页</a>|</li>
      	  <li class="all"><a href="">全部商品</a>|</li>
      	  <li><a href=""rel="nofollow">【2015新款上衣】</a>|</li>
      	  <li><a href=""rel="nofollow">【下装】</a>|</li>
      	  <li><a href=""rel="nofollow">【省心套装】</a>|</li>
      	  <li><a href=""rel="nofollow">【棉衣/羽绒服】</a>|</li>
      	  <li><a href=""rel="nofollow">【外套/开衫】</a>|</li>
      	  <li><a href=""rel="nofollow">【针织衫/毛衣】</a>|</li>
      	  <li><a href=""rel="nofollow">【连衣裙】</a>|</li>	
      	</ol>
   	</div>
      	
   </div>
</div>
  <!--三楼结束-->
	<!--四楼开始-->
	<!--大的div-->
	<div class="red">
		<!--左边div-->
		<div class="zuo_a">
			<div class="tu">
				<a href=""><img src="./images/66.jpg"/></a>
			</div>
			<div class="xia">
				<div class="xia_a">
					<ul style="text-align: center;" >
					<li><img src="./images/66_2.jpg"/><i></i></li>
					<li><img src="./images/66_3.jpg"/><i></i></li>
					<li><img src="./images/66_1.jpg"/><i></i></li>
				    </ul>
				</div>
				
			</div>
		</div>
		<!--中间div-->
		<div class="zj">
			<h1 class="zj_a">
				<span>2015新款长款修身棉衣</span>
			</h1>
			<div class="yd_a">
				<dl class="shij">
					<dt>剩余时间：</dt>
					<dd>
						<span>
						<span>31</span>
						天
						<span>23</span>
						小时
						<span>59</span>
						分
						<span>59</span>
						秒
					    </span>
					</dd>
				</dl>
				<span class="xian"><hr /></span>
				<dl class="yuanj">
					<dt>原价：</dt>
					<dd class="yuanj_a">
						<span class="q">￥242.00</span>
					</dd>
					<dt class="tuan">团购价：</dt>
					<dd>
						<span class="q_a">￥114.95</span>	
					</dd>
					<dd >
						<span class="pj">
							
							销售量：
							<span class="pj_a">5505</span>
						</span>
						<span class="pj">
							评价：
							<span class="pj_a">6606</span>
						</span>
					</dd>
				</dl>
			</div>
			<div class="kf">
				<dl>
					<dt>客服：</dt>
					<dd></dd>
				</dl>
			</div>
			   
			   
			   
			   <div class="yas">
				<dl>
					<dt>颜色：</dt>
					
				<dd><li class="img c"><img src="./images/66_2.jpg"/></li></dd>
				<dd><li class="img c"><img src="./images/66_1.jpg"/></li></dd>
				</dl>
			</div>
			
			
			<dl class="style">
				<dt>尺码：</dt>
				<dd>
					<ol class="k">
						<a href="javascript:;"><li class=""title="S">S</li></a>
						<a href="javascript:;"><li class=""title="M">M</li></a>
						<a href="javascript:;"><li class=""title="L">L</li></a>
						<a href="javascript:;"><li class=""title="XL">XL</li></a>
					</ol>
				</dd>
			</dl>
			
			<dl class="shul">
				<dt>数量：</dt>
				<dd class="num">
					<div class="num_a">
						<span class="num_reduce num_disable"></span>
						<input  class="num_input"type="text" name="" id="" value="1" />
						<span class="num_add"></span>	
					</div>
					<div class="kc">库存2233件</div>
				</dd>
			</dl>
		<!--购买，加入-->	     
		<div class="gm">
			<a class="fl mr10 buy-btn buy-now"href="javascript:;">立即购买</a>
			<a class="fl mr10 buy-cart  buy-btn"href="javascript:;">加入购物车</a>
		</div>
			     
		<!--分享-->	     
		<div class="fx">
			<div class="fav item">
				<b></b>
				<span class="fav-num">16247</span>
			</div>
			<div class="share item">
				<b></b>
				<span class="fav-num">分享</span>
				
				<!---------------------------------------------隐藏部分-------------------------------->
				<div class="share-w">
					<a target="_blank"class="forqzone" rel="nofollow"href=""title="关注QQ空间"></a>
					<a href=""></a>
					<a href=""></a>
					<a href=""></a>
				</div>
				<!-------------------------------------隐藏部分-------------------->
			</div>
			<div class="report">
				<a class="goods_report fl" rel="nofollow"target="_blank"href="">举报</a>
			</div>
		</div>
			
			<!--..........................................................................-->
			<!--服务-->
			<div class="fu">
				<div class="a">
					<p>服务承诺：</p>
				</div>
				<ul>
					<li>
						<a title="全国包邮"href=""rel="nofollow"><img src="./images/fu_1.png"/>全国包邮</a>
					</li>
					<li>
						<a title="7天无理由退货 " href=""><img src="./images/fu_2.png"/>天无理由退货</a>
					</li>
					<li>
						<a title="72小时发货" href=""><img src="./images/fu_3.png"/>72小时发货</a>
					</li>
					<li>
						<a title="退货补运费 " href=""><img src="./images/fu_4.png"/>退货补运费</a>
					</li>
				</ul>				
			</div>
	<!---------------------------------------------------zf------------------------------------------->
			<div class="zf">
				<p>支付方式：</p>
			<div class="tu"></div>
			</div>
		</div>
		
		<!--!--商品右侧-->	
<div class="youc">
	 <p class="you_c">
	 	<!--<hr style="opacity: 0.5" ;><hr />-->
 		<span>热卖推荐</span>	
	 </p>
	 <div class="zho">
	 	<div class="zho_a">
	 		<ul>
	 			<li><a href=""><img src="./images/51.jpg"/></a>
	 				<span>￥88.90</span>
	 			</li>
	 			<li><a href=""><img src="./images/52.jpg"/></a>
	 				<span>￥49.00</span>
	 			</li>
	 			<li><a href=""><img src="./images/53.jpg"/></a>
	 				<span>￥79.00</span>
	 			</li>
	 		</ul>
	 	</div>
	 </div>
</div>
</div>
	<!--四楼结束-->
	<!--主题开始-->
	<!--大的div-->
	<div class="da_a">
		<!--左边div-->
		<div class="zuo">
			<!--文字div-->	
			<h3 class="ui-hd shop-hd ui-fixed">
			<div class="wen">
				<a href="">艾拉衣裤<img src="./images/1.gif"/></a>
			</div>
			</h3>
			<!--描述部分-->
			<div class="zuo_a">
				<ul>
					<li>
						<p class="text">描述</p>
						<p class="num-def ">4.65</p>
					</li>
					<li>
						<p class="text">描述</p>
						<p class="num-def ">4.65</p>
					</li>
					<li>
						<p class="text">描述</p>
						<p class="num-def ">4.65</p>
					</li>
					<li>
						<p class="text">描述</p>
						<p class="num-def ">4.65</p>
					</li>
				</ul>
			</div>
			<!--描述部分结束-->
			
			
			 <!--按钮组开始-->
			 
			 
			 
			 
			  <!--按钮组结束--> 
		</div>
	</div>
<!--底部开始-->
<div class="dibu">
  	<div class="dibu3">
  	  <div class="dibu1"> 	
  			<a  href=""><img src="./images/wd.png"/></a> 
  			<div class="diw">
  				<p>营业执照注册号:  <a href="">330106333129334</a></p>
  				<p>增值电信业务经营许可证:<a href="">浙B2-20110349</a></p>
  				<p>ICP备案号：浙ICP备10044327号-3</p>
  				<p>©2016 Mogujie.com 杭州卷瓜网络有限公司</p>	
  			</div>
  	  </div>
   
  			<div class="foot">
  				<dl class="link">
  					<dt>公司</dt>
  					<dd>
  						<a href="">关于我们</a>
  					</dd>
  					<dd>
  						<a href="">招聘信息</a>
  					</dd>
  					<dd>
  						<a href="">联系我们</a>
  					</dd>
  				</dl>
  				<dl class="link">
  					<dt>公司</dt>
  					<dd>
  						<a href="">关于我们</a>
  					</dd>
  					<dd>
  						<a href="">招聘信息</a>
  					</dd>
  					<dd>
  						<a href="">联系我们</a>
  					</dd>
  				</dl>
  				<dl class="link">
  					<dt>公司</dt>
  					<dd>
  						<a href="">关于我们</a>
  					</dd>
  					<dd>
  						<a href="">招聘信息</a>
  					</dd>
  					<dd>
  						<a href="">联系我们</a>
  					</dd>
  					<dd>
  						<a href="">联系我们</a>
  					</dd>
  				</dl>
  				<dl class="link">
  					<dt>权威认证</dt>
  					<dd class="jl">
  						<a1 class="pc" target="_blank" rel="nofollow" href="javascript:;"></a>
  						<a1 class="pa" target="_blank" rel="nofollow" href="javascript:;"></a>
  						<a1 class="kx" target="_blank" rel="nofollow" href="javascript:;"></a>
  					</dd>
  				</dl>
  			</div>
       </div>
 </div>	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
